﻿@model HelloMinasan.Web.Song.ViewModels.LogOnModel
@{
    ViewBag.Title = "Log On";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div style="margin:auto; padding: 100px; min-height:500px; text-align:center; vertical-align: middle">
    <div style="width: 360px; min-height: 220px; margin:auto;border-radius:20px;" class="contentSectionInside">
        <h1>System Login</h1>
        <div>       
        @using (Html.BeginForm("LogOn", "Account", FormMethod.Post))
        {
             <div style=" font: normal 12px arial; color:red; text-align:left;"> 
                @Html.ValidationSummary()
                 @Html.AntiForgeryToken();

            </div>
            <table style="margin: auto; width:100%">
                <tbody>
                    <tr>
                        <th style="text-align: left; margin-left: 0px;padding-left: 30px;" >
                            @Html.LabelFor(m => m.UserName)<span style="font: normal 12px arial; color:red"> (*)</span>
                        </th>
                        <td style="text-align: left;">
                            @Html.TextBoxFor(model => model.UserName, new { style = "width: 150px; padding-left: 5px", maxlength = 50, @placeholder="User name"})
                            
                        </td>
                    </tr>
                    <tr>
                        <th style="text-align: left; margin-left: 0px;padding-left: 30px;" >
                            @Html.LabelFor(m => m.Password)<span style="font: normal 12px arial; color:red"> (*)</span>
                        </th>
                        <td style="text-align: left;">
                            @Html.PasswordFor(model => model.Password, new { style = "width: 150px; padding-left: 5px", maxlength = 50 ,@placeholder="Password"})
                            
                        </td>
                    </tr>                   
                    <tr>
                        <th></th>
                        <td style="text-align:left" >
                            @Html.CheckBoxFor(m => m.RememberMe)
                            <label class="checkbox" for="RememberMe">Remember me</label>
                        </td>
                    </tr>                                  
                </tbody>
            </table>
        
        
        <div>
            <div style="text-align:center">
                <input class="buttonClass" name="btLogin" value="Login" code="btLogin" class="button" type="submit" />              
                <input class="buttonClass" name="btLogin" value="Forgot Password" id="btForget" type="button" onclick="location.href= '/Account/ResetPassWord'">
            </div>
        </div>
        }
        </div>
        <div style="margin-left: 20px; margin-top: 20px; text-align: left"> Click <b>@Html.ActionLink(" here", "Register")</b> to register an account.</div>
    </div>
</div>

